@charset "utf-8";
@import "_reset";
@import "_base";

.wrap{
    width: 100vw;
    height: 100vh;
    background: url(../img/bg.png) no-repeat fixed;
    background-size: cover;

    .logo{
        width: vw(220);
        height: vw(200);
        // background-color: pink;
        margin: 0 auto;
        margin-top: vw(120);

        img{
            width: 100%;
            display: block;
        }
    }

    .make_form{
        margin-top: vw(90);
        display: flex;
        flex-direction: column;

        .line{
            position: relative;
            width: vw(576);
            height: vw(76);
            border-radius: vw(76);
            background-color: rgba(255, 255, 255, 0.3);
            line-height: vw(76);
            margin: 0 auto;
            margin-top: vw(50);
            display: flex;
            
            >input{
                border: none;
                background-color: transparent;
                height: 100%;
                flex: 1;

            }

            >span{
                color: #000;
                font-size: vw(26);
                margin-left: vw(40);
                display: block;

            }

            >button{
                position: absolute;
                background-color: transparent;
                border-radius: vw(10);
                right: vw(20);
                top: 20%;
            }

            h5{
                display: none;
                position: absolute;
                top: 85%;
                color: red;
            }
        }

        .form_btn{
            margin-top: vw(77);
            button{
                width: vw(245);
                height: vw(76);
                background-color: rgba(255, 255, 255, 0.7);
                border-radius: vw(76);
                border: none;
                color: #0075c1;
                
            }
        }
        .form_btn button:first-child{
            margin-left: vw(87);
            margin-right: vw(73);
        }
    }

}